<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>User Interface Design Patterns</title>
		<script type="text/javascript" src="/static/jquery.min.js"></script>
		<script type="text/javascript" src="/static/jquery-ui.min.js"></script>
		<script type="text/javascript" src="/static/jquery.jshowoff.min.js"></script>
		<script type="text/javascript" src="/static/script.js"></script>
		<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Belgrano' rel='stylesheet' type='text/css'>
		<link href="/static/jshowoff.css" rel="stylesheet" type="text/css" />
		<link href="/static/styles.css" rel="stylesheet" type="text/css" />
    </head>
    
	<body>
		
		<header>
	    <div class="headerContainer">
	        <h1><a href="/">Mobile <span>UIDP</span></a></h1>
	        <div id="navcontainer">
	            <ul id="navlist">
	            	
	            	{% block menu %}
		            
			            {% ifequal collection_id 0 %}
							<li id="active"><a href="/">Home</a></li>
						{% else %}
							<li><a href="/">Home</a></li>
						{% endifequal %}
					
						{% for c in collections %}
							{% ifequal c.id collection_id %}
								<li id="active"><a href="/collections/{{c.id}}">{{c.name}}</a></li>
							{% else %}
								<li><a href="/collections/{{c.id}}">{{c.name}}</a></li>
							{% endifequal %}
						{% endfor %}
					
					{% endblock %}
					
	            </ul>
	        </div>
	        <div class="clearfloat"></div>
    	</div>
	</header>
	
	<div class="container">
		<div id="sidebar_container">
			{% block sidebar %}
			{% endblock %}
		</div>
	
		{% block content %}{% endblock %}    
    </div>
    
	<br />
	<br />
<footer>
	<div class="footerTop"></div>
    <div class="footerBottom"></div>
    <div class="clearfloat"></div>
    <div class="copyright footerBody">
        <p>
            Copyright &copy; Designed by <a href="http://www.free-responsive-templates.com" title="free responsive templates">Free Responsive Templates</a>, Validation 
            <a class="footerLink" href="http://validator.w3.org/check/referer" title="This page validates as HTML5"><abbr title="HyperText Markup Language">HTML5</abbr></a> | 
            <a class="footerLink" href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS3</abbr></a>
        </p>
    </div>
</footer>
</body>
</html>